<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../base/taglibs.jsp"%>
<ssm:overwrite name="style">
	<link rel="stylesheet" href="${STATIC}/css/select2.css" />
</ssm:overwrite>
<ssm:overwrite name="context">
	<form class="form-horizontal" id="validation-form" action="edit" 
		enctype="multipart/form-data" method="POST">
		<div class="widget-body">
			<div class="widget-main">
				<div class="step-content row-fluid position-relative">
					<h3 class="lighter block green">${WEB_TITLE}</h3>
					<div class="form-group">
						<label class="control-label col-xs-12 col-sm-3 no-padding-right"
							for="name">name:</label>
						<div class="col-xs-12 col-sm-9">
							<div class="clearfix">
								<input type="text" name="name" value="${item.name}"
									class="col-xs-12 col-sm-6" />
							</div>
						</div>
					</div>

					<div class="hr hr-dotted"></div>
					<div class="form-group">
						<label class="control-label col-xs-12 col-sm-3 no-padding-right"
							for="createtime">createtime:</label>
						<div class="col-xs-12 col-sm-9">
							<div class="clearfix">
								<input type="text" name="createtime" value="${item.createtime}"
									class="col-xs-12 col-sm-5" ReadOnly />
							</div>
						</div>
					</div>
					<div class="space-2"></div>
					<div class="form-group">
						<label class="control-label col-xs-12 col-sm-3 no-padding-right"
							for="status">status:</label>
						<div class="col-xs-12 col-sm-9">
							<select id="status" class="select2" name="status">
								<option value="-1">删除</option>
								<option value="0">关闭</option>
								<option value="1">开启</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-12 col-sm-3 no-padding-right"
							for="file">file:</label>
						<div class="col-xs-12 col-sm-5">
							<input type="file" name="file" id="input-file">
						</div>
					</div>
					<input type="hidden" name="id" value="${item.id}">

				</div>
				<div class="row-fluid wizard-actions">
					<button class="btn btn-success btn-next" type="submit">
						提交<i class="icon-arrow-right icon-on-right"></i>
					</button>
				</div>
			</div>
			<!-- /widget-main -->
		</div>
		<!-- /widget-body -->
	</form>

</ssm:overwrite>
<ssm:overwrite name="script">
<script src="${STATIC}/js/jquery.validate.min.js"></script>
<script src="${STATIC}/js/jquery.maskedinput.min.js"></script>
	<script type="text/javascript">
		jQuery(function($) {
			$label = $('<label class="file-label hide-placeholder selected"><span class="file-name large" data-title="filename"><img class="middle" style="height:150px;width:150px;" alt="${item.name}" src="${item.showpath}"><i class="icon-picture"></i></span></label>');
			$('#input-file').ace_file_input({
				style : 'well',
				btn_choose : '拖拽(点击)上传',
				btn_change : null,
				no_icon : 'icon-cloud-upload',
				droppable : true,
				thumbnail : 'large',/*before_change:function(files, dropped) {
							//Check an example below
							//or examples/file-upload.html
							return true;
						},*/
				preview_error : function(filename, error_code) {
					//name of the file that failed
					//error_code values
					//1 = 'FILE_LOAD_FAILED',
					//2 = 'IMAGE_LOAD_FAILED',
					//3 = 'THUMBNAIL_FAILED'
					//alert(error_code);
				}

			}).on('change', function() {
			});

			$label.appendTo('div[class="ace-file-input ace-file-multiple"]');
		});

		//自动选中数据中的选项
		$('option[value="${item.status}"]').attr("selected", "selected");

		$('#validation-form')
				.validate(
						{
							errorElement : 'div',
							errorClass : 'help-block',
							focusInvalid : false,
							rules : {
								name : {
									required : true
								},
								status : {
									required : true,
								//minlength: 5
								}
							},

							messages : {
								name : {
									required : "name为必填."
								//,email: "Please provide a valid email."
								},
								status : {
									required : "link为必填."
								//minlength: "Please specify a secure password."
								}
							},

							invalidHandler : function(event, validator) { //display error alert on form submit   
								$('.alert-danger', $('.login-form')).show();
							},

							highlight : function(e) {
								$(e).closest('.form-group').removeClass(
										'has-info').addClass('has-error');
							},

							success : function(e) {
								$(e).closest('.form-group').removeClass(
										'has-error').addClass('has-info');
								$(e).remove();
							},

							errorPlacement : function(error, element) {
								if (element.is(':checkbox')
										|| element.is(':radio')) {
									var controls = element
											.closest('div[class*="col-"]');
									if (controls.find(':checkbox,:radio').length > 1)
										controls.append(error);
									else
										error.insertAfter(element.nextAll(
												'.lbl:eq(0)').eq(0));
								} else if (element.is('.select2')) {
									error
											.insertAfter(element
													.siblings('[class*="select2-container"]:eq(0)'));
								} else if (element.is('.chosen-select')) {
									error
											.insertAfter(element
													.siblings('[class*="chosen-container"]:eq(0)'));
								} else
									error.insertAfter(element.parent());
							},

							submitHandler : function(form) {
								form.submit();
							},
							invalidHandler : function(form) {
							}
						});
	</script>
</ssm:overwrite>
<jsp:include page="../base/base.jsp"></jsp:include>